import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import { connect, Link } from 'dva';
import {
  Table,
  Icon,
  Divider,
  Form,
  Select,
  DatePicker,
  Input,
  Card,
  Tag,
  Avatar,
  Checkbox,
  Rate,
  Progress,
  Button,
  Dropdown,
  Row,
  Col,
  Modal,
  Collapse,
  List,
  Radio,
} from 'antd';

import PageHeaderLayout from '../../../layouts/PageHeaderLayout';
import ImageUploader from '../../../components/Falcon/Attachment/ImageUploader';
import ApplyOrderDisplayer from '../../../components/Falcon/ApplyOrderDisplayer';

import styles from './style.less';

const Panel = Collapse.Panel;
const FormItem = Form.Item;
const RadioGroup = Radio.Group;
const { TextArea } = Input;
const Option = Select.Option;

@connect(({ risk }) => ({
  risk,
}))
export default class FillList extends PureComponent {
  tableData = [
    { key: '1', name: '吴俊', maxCount: 10, files: [] },
    { key: '2', name: '张三', maxCount: 1, files: [] },
    { key: '3', name: '李赛', maxCount: 1, files: [] },
  ];
  tableColumns = [
    { title: '业务编号', dataIndex: 'key', key: 'key', width: '30%' },
    {
      title: '客户姓名',
      dataIndex: 'name',
      key: 'name',
      width: '50%',
    },
    {
      title: '操作',
      render: () => (
        <Fragment>
          <Link to="/apply/operateDetail">审核</Link>
        </Fragment>
      ),
    },
  ];

  render() {
    const { risk } = this.props;
    return (
      <PageHeaderLayout title="TBD">
        <Card>
          <Table pagination={true} dataSource={this.tableData} columns={this.tableColumns} />
        </Card>
      </PageHeaderLayout>
    );
  }
}
